.m-divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 76rpx;
  font-size: 28rpx;
  text-align: center;
  color: var(--color-text-secondary, #909399);

  .m-divider__content {
    z-index: 1;
    position: relative;
    display: inline-block;
    max-width: 400rpx;

    &::before,
    &::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      width: 120rpx;
      height: 1px;
      transform: scaleY(0.5);
      background-color: currentColor;
    }

    &::before {
      left: -140rpx;
    }

    &::after {
      right: -140rpx;
    }
  }
}